<template>
 <view class="score-rule-container">
	<view class="title">{{ $t('mine.grade_intro')}}</view>
	<view>
		{{ $t('mine.grade_intro_text') }}
	</view>
	<view class="title">{{ $t('mine.grade_rule') }}</view>
	<view>
		{{ $t('mine.grade_rule_text') }}
	</view>
	<view class="title">{{ $t('mine.score_rule') }}</view>
	<view>
		<view>{{ $t('mine.score_rule_text1') }}</view>
		<view>{{ $t('mine.score_rule_text2')}}</view>
		<view>{{ $t('mine.score_rule_text3') }}</view>
		<view>{{ $t('mine.score_rule_text4') }}</view>
		<view>{{ $t('mine.score_rule_text5') }}</view>
	</view>
 </view>
</template>

<script>
	export default {
		computed: {
		  i18n() {
				return this.$t('mine')
		  	}
		}
	}


</script>

<style lang="scss" scoped>
	.score-rule-container {
		background-color: #fff;
		min-height: 100vh;
		padding: 10rpx 30rpx 30rpx;
		.title {
			font-size: 36rpx;
			font-weight: 700;
			margin: 50rpx 0 20rpx;
		}
	}
</style>